<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title></title>
	
	<link rel="stylesheet" href="global.css"/>
</head>

<body>
	<div id="topContent">
		<div id="logo">&nbsp;</div>
		
		<div id="loginForm">
			<form method="post">
			<table>
				<tr>
					<td>Username :</td>
					<td><input type="text" name="username" placeholder="Entrez votre nom d'utilisateur" required/></td>
				</tr>
				<tr>
					<td>Mot de passe :</td>
					<td><input type="password" name="pwd" placeholder="Entrez votre mot de passe" required/></td>
				</tr>
				<tr>
					<td></td>
					<td><input type="submit" name="buttonForm" value="Connexion"/></td>
				</tr>
				
			</table>
			</form>
		</div>
		<ul>
			<li><a href="index.html">ACCUEIL</a></li>
			<li><a href="profil.html">PROFIL</a></li>
			<li><a href="messages.html">MESSAGES</a></li>
			<li><a href="messalles.html">MES SALLES</a></li>
		</ul>
	</div>
	
	<div id="leftMenu">
		<div id="links">
			<table>
				<tr>
					<td><a href="messages.html"><img src="images/message.png"/></a></td>
					<td><a href="groups.html"><img src="images/groups.png"/></a></td>
					<td><a href="favoris.html"><img src="images/star.png"/></a></td>
				</tr>
			</table>
		</div>
		<div id="arrow">&nbsp;</div>
		<div class="content">
			<div class="rubrique">
				<h3><img src="images/star.png"/>Top des salles<span class="toggleHide">&nbsp;</span></h3>
				<ul>
					<li><a href="">Salle 1</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 2</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 3</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 4</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 5</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 6</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 7</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 8</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 9</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 10</a><span class="auteur"> par <a href="">Djib</a></span></li>
				</ul>
			</div>
			<div class="rubrique">
				<h3><img src="images/star.png"/>Post les plus aimés<span class="toggleHide">&nbsp;</span></h3>
				<ul>
					<li><a href="">Salle 1</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 2</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 3</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 4</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 5</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 6</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 7</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 8</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 9</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 10</a><span class="auteur"> par <a href="">Djib</a></span></li>
				</ul>
			</div>
			<div class="rubrique">
				<h3><img src="images/star.png"/>Utilisateurs connectés :<span class="toggleHide">&nbsp;</span></h3>
				<ul>
					<li><a href="">Salle 1</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 2</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 3</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 4</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 5</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 6</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 7</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 8</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 9</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 10</a><span class="auteur"> par <a href="">Djib</a></span></li>
				</ul>
			</div>
		</div>
		
	</div>
	
	<div id="mainContent">
		<div class="content">
			<h3>MES GROUPES :</h3>
			
			<h4><img src="images/groups.png"/>Les Gay-lurons</h4>
			<div class="grp">
				<a href=""><img src="photos/1.jpg" alt="" title="Gaytan Gayret"/></a>
				<a href=""><img src="images/noimage.png" alt="images/noimage.png" title="Dieu Tout Puissant"/></a>
			</div>

			<div class="grp">
				<a href="creergroupe.html">Créer un groupe</a>
			</div>
		</div>
	</div>
	

</body>
</html>